﻿
@{
    Layout = null;
}
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>@{ var title = ViewBag.Name + "_" + ViewBag.KeShi + "_" + ViewBag.sssj;
           @title } </title>

<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="~/Template/ace_admin_v1.4.0/assets/css/bootstrap.css" />
<link rel="stylesheet" href="~/Template/ace_admin_v1.4.0/components/font-awesome/css/font-awesome.css" />

<!-- page specific plugin styles -->
<!-- text fonts -->
<link rel="stylesheet" href="~/Template/ace_admin_v1.4.0/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet" href="~/Template/ace_admin_v1.4.0/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

<script src="~/Template/ace_admin_v1.4.0/components/jquery/dist/jquery.js"></script>
<script src="~/Scripts/vue.js"></script>
<script src="~/Scripts/axios.min.js"></script>
<div class="row" id="app">
    <div class="col-lg-12">
       
      
        <!--工作计划详细信息-->
        <table class="table">
            <tr>
                <td colspan="2">姓名：@ViewBag.Name</td>
                <th colspan="1">部门：@ViewBag.KeShi</th>
                <th colspan="4">职务：@ViewBag.ZhiWu</th>
            </tr>
        </table>
        <table class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">           
            <thead>
            <tr>
                <td></td>
                <th style="width: 350px">工作计划</th>
                <th style="width: 300px">工作标准</th>
                <th style="width: 300px">完成情况</th>
                <th style="width: 20px">分值</th>
                <th style="width: 30px">自评分</th>
                <th style="width: 30px">评分</th>
            </tr>
            </thead>
            <tbody>
            <template v-for="tr in khbinfo.MyKaoHeBiaoOnes">
                <tr v-for="(son,index )  in tr.MyKaoHeBiaoTwos">
                    <template v-if="index==0">
                        <td v-bind:rowspan=" tr.MyKaoHeBiaoTwos.length">
                            {{tr.mbnr}}
                        </td>
                    </template>
                    <td style="width: 350px">
                        {{son.mbnr}}
                    </td>
                    <td style="width: 300px">{{son.gzbz}}</td>
                    <td style="width: 300px">
                        {{son.gzjhwcqk}}
                    </td>

                    <td>
                        {{son.fz}}
                    </td>

                    <td>
                        {{son.zp}}
                    </td>
                    <td>
                        {{son.zf}}
                    </td>
                </tr>
            </template>
            </tbody>
        </table>
    </div>
</div>
<script src="~/Scripts/JsModel/Model_GongZuoJiHua.js"></script>
<script src="~/Scripts/JsModel/Model_KaoHeBiao.js"></script>
<script type="text/javascript">
    var vm = new Vue(
        {
            el: "#app",
            data: {
                gzjhlist: [],
                khbinfo: new KaoHeBiao(),
                gzjhdialog: {},
                khblist: [],
                mbid: 0,
                yijian: "",
                uploaderfiles:[]
            },
            mounted() {

                this.initPage();
            },
            methods: {
                initPage: function() {
              
                    var _self = this;
                    debugger;
                    _self.khbinfo = new KaoHeBiao(@Html.Raw(ViewBag.str));
                    debugger;
                    //_self.p_GetKaoHeBiaoInfo(@ViewBag.mkhbid);
                },
                p_SouSuo: function () {

                },
             
                p_GetKaoHeBiaoInfo: function(mkhbid) {
                    var _self = this;
                    axios.get("@Url.Action("GetKaoHeBiaoInfoGZJH", "Review")", { params: { mkhbid: mkhbid } }).then((response) => {
                        _self.khbinfo = new KaoHeBiao(response.data);
                        },
                        (response) => {

                        }
                    ).catch(function(response) {
                        console.log(response);
                    });
                }
            }
        });
</script>